<template>
    <span>{{computedNum}}</span>
</template>
<script>
import TweenMax from 'gsap/TweenMax';
export default {
    props:{
        number: [Number, String,],
    },
    data() {
        return {
            tweenNum: 0,
        };
    },
    computed: {
        computedNum(){
            return this.tweenNum.toFixed(0);
        }
    },
    watch: {
        number(tweenNum) {
            TweenMax.to(this.$data, .5, {tweenNum});
        }
    }
}
</script>